<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="../css/myorder/ticket.css" rel="stylesheet">
    <link href="../css/header.css" rel="stylesheet">
    <link href="../css/footer.css" rel="stylesheet">
</head>
<body>
    <!--========= 1.上方导航栏 ====-->
    <div class="index-header">
        <div class="header-logo"><a href="#" class="logo"></a></div>
        <div class="header-nav">
            <ul>
                <li><a href="../index.html" class="">首页</a></li>
                <li><a href="../films/films.html" class="">电影</a></li>
                <li><a href="../cinema/detail.html" class="">影院</a></li>
                <li><a href="../border/border.html" class="">榜单</a></li>
                <li><a href="" class="address">地区</a></li>
            </ul>
        </div>
        <div class="header-search">
            <form action="" class="search-form">
                <input type="text" class="keyword" placeholder="电影/影院 搜你所想">
                <a href="" class="search-btn"></a>
            </form>
            <div class="head-login">
                <a href="../customer/login.html" class="login-btn">&nbsp;&nbsp;&nbsp;&nbsp;登录</a>
            </div>
        </div>

    </div>
    <div class="head-wait"></div>
<!--    主要内容-->
    <div class="main-pay">
        <div class="timeline">
            <div class="step done">
                <span class="step-num">1</span>
                <div class="firstline"></div>
                <span class="step-text">选择影片场次</span>
            </div>
            <div class="step done">
                <span class="step-num">2</span>
                <div class="secondline"></div>
                <span class="step-text">选择座位</span>
            </div>
            <div class="step done">
                <span class="step-num">3</span>
                <div class="thirdline"></div>
                <span class="step-text">14分钟内付款</span>
            </div>
            <div class="step">
                <span class="step-num">4</span>
                <div class="lastline"></div>
                <span class="step-text">影院取票观影</span>
            </div>
        </div>
        <div class="mian-bottom">
            <div class="bottom-top">
                <div class="logo-img">
                    <img src="../images/myorder/right.svg">
                    <span class="big-word">出票成功, 代消费</span>
                </div>
                <div class="word-ticked">
                    <span class="small-word">验证码: </span>
                    <span class="ticked-number">2021 0926 6245 7678</span>
                </div>
            </div>
            <div class="bottom-middle">
                <table>
                    <caption>视享订单编号: </caption>
                    <caption class="pay-number">22601555517</caption>
                    <tr>
                        <th>影片</th>
                        <th>时间</th>
                        <th>影院</th>
                        <th>座位</th>
                    </tr>
                    <tr>
                        <td>风暴</td>
                        <td>9-26 22:35</td>
                        <td>
                            <span>大光明影城</span>
                            (<span>张普店</span>)
                        </td>
                        <td>
                            <span>5号激光厅</span>
                            <span>5排06座</span>
                        </td>
                    </tr>
                </table>
            </div>
            <div class="bottom-bottom">
                <div class="cinema-detail">
                    <div class="detail-top">
                        <span class="cinema-name">大光明影城</span>
                        (<span class="cinema-name">张普店</span>)
                    </div>
                    <div class="detail-middle">
                        <span class="address-telno">地址: </span>
                        <span class="address-telno">张浦镇张浦镇商鞅路大宁购物广场3楼</span>
                    </div>
                    <div class="detail-bottom">
                        <span class="address-telno">电话: </span>
                        <span class="address-telno">0512-57888825</span>
                    </div>
                </div>
                <div class="pay-price">
                    <span>总价: </span>
                    <span class="price">¥</span>
                    <span class="price">33</span>
                </div>
            </div>
        </div>
    </div>
    <!--========== 4.底部脚注 =============-->
    <div class="index-footer">
        <div class="footer-head"></div>
        <div class="footer-main">
            <p>关于视享票票通：&nbsp;关于我们<span>&nbsp;|&nbsp;</span> 管理团队 <span>&nbsp;|&nbsp;</span> 投资者关系
                &nbsp;&nbsp;友情链接 :&nbsp;&nbsp; 支付宝 </p>
            <p>
                商务合作邮箱：1137750012@qq.com &nbsp;
                客服电话：62170010 &nbsp;
                违法和不良信息/涉未成年人有害信息举报电话：4006018900
            </p>
            <p>
                用户举报/涉未成年人有害信息举报邮箱：tousujubao@shixiang.com&nbsp;
                舞弊线索举报邮箱：wubijubao@shixiang.com
            </p>
            <p>视享票票通用户服务协议<span>&nbsp;|&nbsp;</span>使用手册<span>&nbsp;|&nbsp;</span>隐私政策</p>
            <p>驰星视享文化传媒有限公司</p>
            <p>©&nbsp;2021&nbsp;视享票票通&nbsp;shixiang.com</p>
        </div>

    </div>

</body>
</html>